@charset "UTF-8"; 
html { margin:0; padding:0;}
body {color:#444; margin:0; font-size:12px; height:100%;font-family:"微软雅黑";min-width: 1190px;}	
A:link{text-decoration:none; color:#404144;}
A:visited{text-decoration:none; color:#404144;}
A:hover{text-decoration:none; color:#881d21;}
ol,ul,li{list-style:none; }
form{ padding:0; margin:0;}
*{padding:0px;margin:0px;} 
h1,h2,h3,h4,h5,h6{font-size:12px;}
img{border: 0;}
input {outline: none;}
.clear{clear:both;line-height:0px;}
.wrapper{ width:1100px; margin:0 auto;}
.top{ width:100%; position:fixed; top:0; left:0; z-index:999; background:#881d21;}
.top .logo{ float:left; height:82px; overflow:hidden;}
.top .logo img{height:82px;}
.top .menu{float:left; padding-left:60px;}
.top .menu li{ float:left; position:relative;}
.top .menu li .nav_title a{ display:block;color:#ffffff; height:82px; line-height:82px; text-align:center; padding:0 15px; font-size:15px;}
.top .nav_sublist{ display:none; position:absolute; background:#881d21;  padding:0; top:82px; width:100%; z-index:999999999; text-align:center;}
.top .nav_sublist a{ display:block; font-size:12px;color:#FFF;padding:6px 0;}
.top .nav_sublist a:hover{}
.top .menu li .sur {background: #cccccc;}
.top .menu li .sur a{color:#881d21}
.top .serch{ float:right; color:#000000; font-size:12px;}
.top .serch p{ padding-top:6px;font-size:22px;color:#ffffff;}
.top .serch .serput{height: 30px;line-height: 30px;border: none;padding-left:5px;width: 160px;}
.top .serch .serbtn{height: 30px;line-height: 30px;border: none;width: 60px;font-size: 14px;background: #fefc8d;cursor: pointer;}

.att{ font-size:24px; text-align:left; color:#881d21;font-weight:normal;height: 40px; line-height: 40px;margin-bottom: 15px;}
.att span{ font-size:24px;}
.writebs{ color:#881d21;}

.hmcate{ padding:40px 0;}
.hmcate li{ float:left; width:31%; }
.hmcate .pv{ margin:0 42px;}
.hmcate h2{ padding:6px 0 6px 10px; font-size:18px; color:#fff;background:#da0000;}
.hmcate .cpv{ height:160px; border:solid 1px #CCC; padding:20px 10px; background:#f7f7f7; margin-top:8px}
.hmcate .cpp{ font-size:15px; padding-bottom:8px; color:#FFF;}
.hmcate .cpser{ padding-top:20px; padding-bottom:4px;}
.hmcate .cpser a{ padding:6px 36px;background:#da0000;border-radius:6px; color:#FFF}
.hmcate .cpser a:hover{ background:#d4c800}
.hmcate .bj1{ background:url(../images/oiladvisor.jpg) no-repeat;}
.hmcate .bj2{ background:url(../images/equivalentfinder.jpg) no-repeat;}
.hmcate .bj3{ background:url(../images/specsfinder.jpg) no-repeat;}
.hmcate .select-brand{ padding:8px 0; line-height:10px; width:100%; margin-bottom:9px;}
.hmcate .select-segment{ padding:8px 0; line-height:10px; width:100%; margin-bottom:55px;}

.hmcate dl{ border:solid 1px #dddddd; border-top:none; padding:10px 0;}
.hmcate dt{ float:left; width:20%; margin-bottom:10px; text-align:center;}
.hmcate dt a{ display:block; margin:0 10px;}
.hmcate dt img{width:100%;}
.hmcate dt .pimg{ height:140px; overflow:hidden; border:solid 1px #eeeeee}
.hmcate dt p{ padding:5px 0;}
.hmcate .yhtitle{ height:36px; line-height:36px; padding-left:10px; font-size:16px; border-radius:10px 10px 0 0; background:#dddddd}
.hmcate .yhtitle span{ float:right; padding-right:10px;}
.hmcate .yhtitle span a{ font-size:14px; color:#333}

.homebt{background: #ffffff;}
.about{ padding:20px 0 30px 0;}
.about .atcon{ padding-top:10px; line-height:22px; font-size:14px; color:#5b5b5b;}
.more{float: right;}
.more a{padding:5px 15px; color:#ffffff;background:#881d21;border:solid 1px #881d21;font-size: 12px; border-radius:6px;}
.more a:hover{ color:#ffffff;background:#881d21;border:solid 1px #881d21;}
.about .atcon .cleft{ float:left; width:30%;color:#000000;}
.about .atcon .cleft img{ max-width:100%; margin-top:15px;}
.about .atcon .crigh{ float:right; width:65%; height:350px;}
.daohanglist{height: 45px; line-height: 45px;border-bottom: solid 1px #dddddd; font-size: 20px;color:#881d21;}
.daohanglist span{float: right;font-size: 14px;color:#565656}
.footer{ padding:30px 0; background:#881d21; color:#ffffff}
.footer .ftspan{ float:right; text-align:right;}
.footer .ftspan a{ margin-left:8px;color:#ffffff}
.hmpro{ background:#ffffff; padding:40px 0;}
.hmpro .probox{ padding-top:10px; margin:0 auto; width:1140px;}
.hmpro .probox li{ float:left; width:25%;}
.hmpro .probox li a{ display:block; margin:0 20px; text-align:center}
.hmpro .probox li a:hover p{ color:#881d21;}
.hmpro .probox li .pimg{width: 100%;}
.hmpro .probox li .pimg img{ width:100%;}
.hmpro .probox li p{ font-size:14px; color:#000000; padding-top:6px;}

.hmnews{padding:30px 0;}
.hmnews .more{ text-align:center;}
.hmnews .more a{color:#ffffff; border:solid 1px #881d21;background: #881d21; border-radius:6px;}
.hmnews .more a:hover{ color:#ffffff;background:#881d21; border:solid 1px #881d21;}
.hmnews .ntcon{ float:left; width:50%;}
.hmnews .ntcon .ntul1{padding-right: 30px;}
.hmnews .ntcon .ntul2{padding-left: 30px;}
.hmnews .fst2,.hmnews .fst1{color: #000000}
.hmnews .fst2{padding-left: 30px;}
.hmnews .ntcon li{ padding:8px 0; border-bottom:dotted 1px #666;}
.hmnews .ntcon li a{font-size:14px; color: #664800; display:block; background:url(../images/dotted.gif) left center no-repeat; padding-left:10px;}
.hmnews .ntcon li span{ float:right; color:#666; font-size:12px}
.hmnews .ntcon li a:hover{ color:#000000;background:url(../images/elite1.gif) left center no-repeat;}
.hmnews .nwcon{ float:left; width:35%;padding-top:30px;}
.hmnews .nwcon  img{ width:100%;}



.product{ padding:40px 0;}
.product .pleft{ float:left; width:20%; background:#da0000}
.product .pleft .fle{ padding:20px 0 20px 20px; font-size:18px; background:#d20000; color:#FFF;}
.product .pleft .flc{ padding:20px 0;}
.product .pleft .flc a{ display:block; padding:10px 20px; color:#000000;}
.product .pleft .flc a:hover{ background:#c49d00; color:#FFF;}
.product .pleft .flc .ac{background:#c49d00; color:#FFF;}
.product .prigh{ float:right; width:77%;}
.product .prigh .daohanglist{ height:35px; line-height:35px; font-size:18px; padding:0 10px; background:#CCC}
.product .prigh .daohanglist span{ float:right; font-size:12px;}
.single{ padding:20px 0 40px 0;}
.single .singlebox{ padding:35px 0; line-height:24px; font-size:14px;}
.single .singlebox img{ max-width:100%;}
.single .singcate{ padding:20px 0 20px 0;}
.single .singcate a{ font-weight:normal; font-size:14px; margin:0 20px; padding:6px 35px; border:solid 1px #CCC;border-radius: 6px;}
.single .singcate .ac{ background:#FC0;border:solid 1px #FC0;}
.product .casebox{ padding:20px 0;}
.product .casebox li {margin-bottom:15px;border-bottom: dotted 1px #cccccc;padding: 15px 0;}
.product .casebox .pageimg{ width:400px;float: left;}
.product .casebox .pageimg img{width: 100%;border:solid 1px #eeeeee;}
.product .casebox .pagetitle{ height:40px; line-height:26px; font-size:26px;}
.product .casebox .pagetitle a{color:#881d21}
.product .casebox .pagebox{position: relative;padding-left: 440px;padding-top: 40px;}
.product .casebox .pagedesp{font-size: 16px;color:#6C6C6C;line-height: 26px;}
.product .casebox .pagexq{padding-top: 40px;}
.product .casebox .pagexq a{display:inline-block;padding: 8px 30px;font-size: 14px;background: #881d21;color:#ffffff;border-radius: 8px;}
.proview{ padding:20px 0 40px 0;}
.proview .prleft{ float:left; width:500px; position:relative;}
.proview .prleft img{ width:100%;}
.proview .prleft .guanyupro{ position:absolute; left:550px; width:550px; bottom:9px; height:150px;}
.proview .prleft .guanyupro li{ float:left; width:33.3%; text-align:center}
.proview .prleft .guanyupro li a{ display:block; margin-right:15px;}
.proview .prleft .guanyupro p{font-size: 16px;}
.proview .prleft .guanyupro .gyimg{ height:120px; overflow:hidden;margin-bottom:10px; border:solid 1px #CCC;}
.proview .prleft .guanyupro .gyimg img{ width:100%; }
.proview .prrigh{ float:right; width:550px;}
.proview .prrigh h2{ line-height:40px; font-size:24px; padding-bottom:15px;}
.proview .prrigh .contime{ font-size:14px;}
.proview .prrigh .conxq{padding-top: 20px;line-height: 24px;}
.proview .contbev{ padding:40px 0 30px 0;}
.proview .contbev .prxq{ padding-top:40px; font-size:16px; line-height:26px;}
.proview .contbev .prxq img{ max-width:100%;}
.proview .contbev .ttl{background: #eeeeee;padding: 10px 15px;}
.proview .provdaoh{ height:40px; line-height:40px; font-size:14px; border-bottom:solid 1px #CCC; margin-bottom:40px;}


.news{ padding:20px 0 40px 0;}
.news .nleft{ float:left; width:780px;}
.news .nleft li{ margin-bottom:15px; padding-bottom:15px; border-bottom:dotted 1px #CCC;}
.news .nleft li .pagetime{ width:50px; float:left;background: #eeeeee;padding: 1px 12px 6px 12px;text-align: center}
.news .nleft li .pagetime b{font-size: 24px;color:#881d21}
.news .nleft li .pagetime p{font-size: 14px;}
.news .nleft li .newbox{ position:relative; padding-left:80px;}
.news .nleft li .pagetitle{ font-size:16px; line-height:24px; padding-bottom:10px;}
.news .nleft li .pagetitle a{color:#000000;}
.news .nleft .contbit{ text-align:center; font-size:24px; line-height:24px; color:#000}
.news .nleft .contime{ font-size:14px; color:#666; padding-top:10px;}
.news .nleft .contime span{ padding:0 30px;}
.news .nleft .contbev{ padding:40px 0 30px 0; line-height:22px; font-size:14px}
.news .nleft .contbev img{ max-width:100%;}
.news .nleft .prenext{ padding-bottom:30px; border-top:dotted 1px #CCC; margin-top:20px; padding-top:12px;}
.news .nleft .prenext dd{ float:left; width:50%;}
.news .nrigh{ float:right; width:300px;}
.news .nrigh .newcate{ padding:0;}

.news .nrigh .newcate li{ margin-bottom:25px;}
.news .nrigh .newcate h2{ padding:6px 0 6px 10px; font-size:18px; color:#fff;background:#da0000;}
.news .nrigh .newcate .cpv{ height:160px; border:solid 1px #CCC; padding:20px 10px; background:#f7f7f7; margin-top:8px;}
.news .nrigh .newcate .cpp{ font-size:15px; padding-bottom:8px; color:#FFF;}
.news .nrigh .newcate .cpser{ padding-top:20px; padding-bottom:4px;}
.news .nrigh .newcate .cpser a{ padding:6px 36px;background:#da0000;border-radius:6px; color:#FFF}
.news .nrigh .newcate .cpser a:hover{ background:#d4c800}
.news .nrigh .newcate .bj1{ background:url(../images/oiladvisor.jpg) no-repeat;}
.news .nrigh .newcate .bj2{ background:url(../images/equivalentfinder.jpg) no-repeat;}
.news .nrigh .newcate .bj3{ background:url(../images/specsfinder.jpg) no-repeat;}
.news .nrigh .newcate .select-brand{ padding:8px 0; line-height:10px; width:100%; margin-bottom:9px;}
.news .nrigh .newcate .select-segment{ padding:8px 0; line-height:10px; width:100%; margin-bottom:55px;}

.news .nrigh .newcate .hyyytit{ padding:10px 12px; background:#881d21; font-size:16px; color:#FFF;}
.news .nrigh .newcate dl{ padding:8px; border:solid 1px #881d21}
.news .nrigh .newcate dt{ padding-bottom:10px; text-align:left;}
.news .nrigh .newcate dt a{ display:block;}
.news .nrigh .newcate dt span{ display:inline-block; padding:3px 0; width:25px; text-align:center; background:#dddddd; margin-right:8px;}
#rmpx-1{ background:#881d21; color:#FFF}
#rmpx-2{ background:#139e63; color:#FFF}
#rmpx-3{ background:#26c17f; color:#FFF}
.news .provdaoh{ height:40px; line-height:40px; font-size:26px; border-bottom:solid 1px #CCC; margin-bottom:40px; position:relative;color:#881d21}
.news .provdaoh span{ position:absolute; right:0; top:0; font-size:14px;color:#4D4D4D}
.linkpic{ padding:10px 0 0 0; border:solid 1px #CCC; margin-bottom:20px;}
.linkpic li{ float:left; width:10%; margin-bottom:10px; text-align:center}
.linkpic li a{ display:block; margin:0 7px;}
.linkpic li img{width:100%;}
.linktext{ padding:10px;background: #dddddd; margin-bottom:20px;}
.linktext strong{ font-size:14px;}
.linktext a{ margin:0 5px 8px 5px;}
.fwsearch{ padding:0;}
.fwsearch .serboxleft{ padding:20px; background:#eeeeee;border-radius:10px; text-align:center;}
.fwsearch .fwtitle{ font-size:22px;}
.fwsearch .fwinput{ padding:20px 0;}
.fwsearch .fwinput input{ height:45px; line-height:45px; border: solid 1px #CCC;border-radius:10px; background:#FFF; width:100%;text-align:center; font-size:16px;}
.fwsearch .fwbtn{ margin:40px auto; width:50%; height:40px; line-height:40px;border-radius:10px; background:#F90; font-size:18px; color:#FFF; cursor:pointer;}

.fwtishibox{ margin:0 auto 0 80px;padding:20px; height:231px; background:#eeeeee;border-radius:10px; text-align:center; }


.pagelist{ margin:20px 0; text-align:center; border-top:solid 1px #CCC; padding-top:20px;}
.pagelist a{ font-size:14px; padding:5px 14px; margin:0 5px;background: #eeeeee; color:#000000;border:solid 1px #CCC}
.pagelist a:hover{background:#881d21;color:#FFF;border:solid 1px #881d21; text-decoration:none}
.pagelist .noww a{ background:#881d21; color:#FFF;border:solid 1px #881d21}
.msgbox{ margin:150px auto 0 auto; padding:20px; background:#FFF; width:500px;moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;}
.msglist{ padding:15px 0 20px 0;}
.msglist li{ padding:0;height:32px; line-height:32px; position:relative; margin-bottom:12px;}
.msglist li span{ display:inline-block; width:80px; text-align:center; background:#dddddd; position:absolute; left:15px; top:0;}
.msglist li i{ position:absolute; right:10px; top:0; color:#F00; font-style:normal; font-size:14px;}
.msglist .msginput{ height:30px; line-height:30px; width:370px; border:solid 1px #dddddd; padding-left:5px; position:absolute; left:95px; top:0;}
#boxhidden{ 
    display: none; 
    position: fixed; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    z-index:9999; background:url(../images/y.png);
	
} 
#mg2{ text-align:center; padding:20px 0 0 0; font-size:14px; color:#F00}
.msgsumbit{ padding-top:10px; text-align:center}
#msgbtn{ display: inline-block; height:35px; line-height:35px; width:120px; text-align:center; font-size:14px; background:#F90; color:#FFF; cursor:pointer;}
.msgtitle{ padding-bottom:12px; border-bottom:solid 1px #CCC; position:relative; font-size:18px; color:#F90; font-weight:bold;}
.msgtitle span{ position:absolute; right:0px; top:0px; width:20px; height:26px; text-align:center; text-align:right; cursor:pointer;}
.msgtitle i{ font-size:26px; color:#666; font-weight:normal}
.indexBanner
{
    height: 560px;
    overflow: hidden;
    width: 100%;
	position:relative;
	margin-top:85px;
}
.indexBanner .banner
{
    width: 100%;
    height: 560px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center top;
    z-index: 1;
    display: inline-block;
    display: none;
}
.indexBanner .icoList
{
    position: absolute;
    z-index: 10;
    bottom: 20px;
    left: 50%;
    height: 20px;
    display: none;
	z-index:100;
}
.indexBanner .icoList li
{
    margin: 0 10px;
    float: left;
}
.indexBanner .icoList li a
{
    display: block;
    background: #CCC;
    width: 95px;
    height: 8px;
    overflow: hidden;
	opacity: 0.8;
}
.indexBanner .icoList li a:hover, .indexBanner .icoList li a.cur
{
	background:#881d21;
}
.indexBanner .scrollBody
{
    width: 1100px;
    height: 82px;
    position: absolute;
    z-index: 90;
    bottom: -122px;
    left: 50%;
    margin-left: -520px;
}
.indexBanner .scrollBody .leftBtn
{
    position: absolute;
    width: 18px;
    height: 64px;
    top: 30px;
    left: -4px;
    z-index: 90;
}
.indexBanner .scrollBody .rightBtn
{
    position: absolute;
    width: 18px;
    height: 64px;
    top: 30px;
    right: -5px;
    z-index: 90;
}